<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>日志查询_操作日志</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<!--<link rel="stylesheet" type="text/css" href="css/icon.css" />-->
		<link rel="stylesheet" href="css/test.css" />
		<link rel="stylesheet" href="js/layer/skin/layer.css" />
		<!--<link href="css/style.css" rel="stylesheet" type="text/css" />-->
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
		 
			.table table th {
				height: 40px;
				background: #eee;
			}
			.table table tbody tr {
				height: 120px;	
			}

			
			.table table tr td:first-child .type1 {
				padding-right:20px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.table table tr td:first-child .type2 {
				padding-right:20px;
				word-break: break-all;
			}
			 .down1 .slimScrollDiv ul{
				height:90px!important;
			}
			 .down1 .slimScrollDiv {
				height:90px!important;
			}
			 .down2 .slimScrollDiv ul{
				height:60px!important;
			}
			 .down2 .slimScrollDiv {
				height:60px!important;
			}
			
			.layui-layer-btn .layui-layer-btn0 {
	border-color: #17a3d7;
	background-color: #17a3d7;
	color: #fff
}

.layui-layer-btn .layui-layer-btn1 {
	margin-left:35px;
	background: #fff;
	/*color: #000;*/
}
.layui-layer-btn a{
	line-height: 24px!important;
}
		</style>
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/adminMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem">
							<a href="log_access.html#log">访问日志</a>
						</li>
						<li class="tabItem">
							<a href="log_operate.html#log">操作日志</a>
						</li>
						<li class="tabItem  active">
							<a href="log_dispatch.html#log">调度日志</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div>
							<span class="btn fl group">全部启动</span>
							<span class="btn fl group"  style="margin-left:20px;">全部停用</span>
							<span class="btn fl group"  style="margin-left:20px;">检查</span>
				
							<span class="btn blue addDispatch  fr"><i class="icon icon_add blue"></i>添加调度</span>
						</div>
						<div class="clearfix"></div>

						<div class="form">
							<form class="inline-form">
								<div>
									<label>调度名称：</label>
									<input type="text" placeholder="请输入调度名称" style="width: 150px;" />
								</div>
								<div>
									<label>调度组：</label>
									<input type="text" placeholder="请输入调度组" style="width: 150px;" />
								</div>
                                <br />
                                <br />
								<div>
									<label>运行状态：</label>
									<div class="overlay down1">
										<!--这个是用来存放选中的select的值的-->
										<input type="hidden" value="" class="form-select-value" />
										<div class="dropdown">
											<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value">请选择</span>
				                                <span class="caret"></span>
				                            </button>
											<ul class="none">
												<li data-value='000'>运行中</li>
												<li data-value='001'>等待</li>
												<li data-value='001'>停用</li>
											</ul>
										</div>
									</div>
								</div>
								<div>
									<label>启用状态：</label>
									<div class="overlay down2">
										<!--这个是用来存放选中的select的值的-->
										<input type="hidden" value="" class="form-select-value" />
										<div class="dropdown" > 
											<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value">请选择</span>
				                                <span class="caret"></span>
				                            </button>
											<ul class="none" >
												<li data-value='000'>启用</li>
												<li data-value='001'>停用</li>
											</ul>
										</div>
									</div>
								</div>

								<input type="button" value="查询" class="search-input-button" style="margin-left:10px" />
								<input type="button" value="重置" class="search-input-button bgblue" />

						</div>

						</form>
					</div>

					<div class="table">
						<div class="tablelist ">
							<table style="table-layout:fixed">
								<thead>
									<tr>
										<th style="width:200px;">调度信息</th>
										<th style="width:110px;">状态</th>
										<th style="width:120px;">时间表达方式</th>
										<th style="width:120px;">调度IP</th>
										<th style="width: 80px;">超时(min)</th>
										<th style="width:130px;">更新时间</th>
										<th style="width:120px;">操作</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td>
											<div class="text-left" style="margin-left: 20px;">
												<p>名称：统计扫码数量</p>
												<p class="tabletop">调度组：qrcode</p>
												<p class="tabletop type1" onmouseover="this.className='type2 tabletop'" onmouseout="this.className='type1 tabletop'">url：http://qrcode.mindmedia.cn/job/</p>
											</div>
										</td>
										<td>启用/运行中</td>
										<td>0 0/30 ***？</td>
										<td>120.25.123.9</td>
										<td>60</td>
										<td>
											<p>2016-09-05</p>
											<p class="tabletop">17:31:10</p>
										</td>
										<td>
											<div class="text-left  inline-block" style="width:90px;margin-left: 16px;">
												<div class="stopuse hover"  data-id='1'><i class="icon icon_stopuse blue"></i> <span>停用</span></div>
												<div class="tabletop hover log"  data-id='1'><i class="icon icon_log blue"></i> <span>日志</span></div>
											</div>
										</td>	
									</tr>

									<tr>
										<td>
											<div class="text-left" style="margin-left: 20px;">
												<p>名称：统计扫码数量</p>
												<p class="tabletop">调度组：qrcode</p>
												<p class="tabletop type1" onmouseover="this.className='type2 tabletop'" onmouseout="this.className='type1 tabletop'">url：http://qrcode.mindmedia.cn/job/</p>
											</div>
										</td>
										<td>启用/等待</td>
										<td>0 0/30 ***？</td>
										<td>120.25.123.9</td>
										<td>60</td>
										<td>
											<p>2016-09-05</p>
											<p class="tabletop">17:31:10</p>
										</td>
										<td>
											<div class="text-left  inline-block" style="width:90px;margin-left: 16px;">
												<div class="stopuse hover"  data-id='1'><i class="icon icon_stopuse blue"></i> <span>停用</span></div>
												<div class="tabletop hover log"  data-id='1'><i class="icon icon_log blue"></i> <span>日志</span></div>
												
											</div>
										</td>
									</tr>

									<tr>
										<td>
											<div class="text-left" style="margin-left: 20px;">
												<p>名称：统计扫码数量</p>
												<p class="tabletop">调度组：qrcode</p>
												<p class="tabletop type1" onmouseover="this.className='type2 tabletop'" onmouseout="this.className='type1 tabletop'">url：http://qrcode.mindmedia.cn/job/</p>
											</div>
										</td>
										<td>停用/停用</td>
										<td>0 0/30 ***？</td>
										<td>120.25.123.9</td>
										<td>60</td>
										<td>
											<p>2016-09-05</p>
											<p class="tabletop">17:31:10</p>
										</td>
										<td>
										<div class="text-left  inline-block" style="width:90px;margin-left: 16px;">
											<div class="enable hover"  data-id='1'><i class="icon icon_enable blue"></i> <span>启用</span></div>
							
											<div class="tabletop edit hover"  data-id='1'><i class="icon icon_edit blue"></i> <span>编辑</span></div>
											
											<div class="tabletop log hover"  data-id='1'><i class="icon icon_log blue"></i> <span>日志</span></div>
											<div class="tabletop delete hover"  data-id='1'><i class="icon icon_delete"></i> <span>删除</span></div>
							
										</div>

									</td>
									</tr>

									<tr>
										<td>
											<div class="text-left" style="margin-left: 20px;">
												<p>名称：统计扫码数量</p>
												<p class="tabletop">调度组：qrcode</p>
												<p class="tabletop type1" onmouseover="this.className='type2 tabletop'" onmouseout="this.className='type1 tabletop'">url：http://qrcode.mindmedia.cn/job/</p>
											</div>
										</td>
										<td>启用/运行中</td>
										<td>0 0/30 ***？</td>
										<td>120.25.123.9</td>
										<td>60</td>
										<td>
											<p>2016-09-05</p>
											<p class="tabletop">17:31:10</p>
										</td>
										<td>
											<div class="text-left  inline-block" style="width:90px;margin-left: 16px;">
												<div class="stopuse hover"  data-id='1'><i class="icon icon_stopuse blue"></i> <span>停用</span></div>
												<div class="tabletop hover log"  data-id='1'><i class="icon icon_log blue"></i> <span>日志</span></div>
												
											</div>
										</td>
									</tr>

								</tbody>
							</table>
						</div>
						<div id="pageNo"></div>
						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>

						</div>

					</div>

				</div>
			</div>
		</div>
		</div>
        <button class="test1">ddd</button>
		<div class="footer">
			<div class="footercontainer">
				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>
		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var index;
		$(function() {
			commonObj.checkinit();
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 5,
				totalNumber = 50;
			pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					$('#searchForm').submit();
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');

			$('.iconlist .icon').each(function() {
				$(this).hover(function() {
					var tip = $(this).attr('data-tooltip');
					index = layer.tips(tip, $(this), {
						tips: 1
					});
				}, function() {
					layer.close(index);
				})
			})
		});
		
		//添加调度
			$('.addDispatch').click(function() {
				layObj.open('add_Log_Dispatch.html', '580', '620', '添加调度');
			})
			
	    //编辑调度
			$('.edit').click(function() {
				layObj.open('edit_Log_Dispatch.html', '580', '600', '编辑调度');
			})
			
		//日志
			$('.log').click(function() {
				layObj.open('log_Dispatch_operate.html', '740', '300', '日志');
			})
			
        //删除
//			$('.delete').click(function() {
//				layObj.open('log_Dispatch_delete.html', '400', '180', '删除');
//			})
			$('.delete').click(function() {
					layer.open({
						type: 1,
						title: '删除',
						shadeClose: true,
						shade: 0.8,
						fix: false,
						area: ['400px', '180px'],
						offset: '300px',
						content: '<p style=";padding-top:40px;text-align:center;">是否确认删除？</p>',
						btn: ['确定', '取消'],
						yes: function(index, layero){
                         //按钮【按钮一】的回调
                        },btn2: function(index, layero){
                         //按钮【按钮二】的回调
                        },
						success: function(layero, index) {
							
						}
					});
				})
			
		//启用
//			$('.enable').click(function() {
//				layObj.open('log_Dispatch_enable.html', '400', '180', '启用',"callback");
//			})
			$('.enable').click(function() {
					layer.open({
						type: 1,
						title: '启用',
						shadeClose: true,
						shade: 0.8,
						fix: false,
						area: ['400px', '180px'],
						offset: '300px',
						content: '<p style=";padding-top:40px;text-align:center;">是否确认启用？</p>',
						btn: ['确定', '取消'],
						yes: function(index, layero){
                         //按钮【按钮一】的回调
                        },btn2: function(index, layero){
                         //按钮【按钮二】的回调
                        },
						success: function(layero, index) {
							
						}
					});
				})
		//停用
//			$('.stopuse').click(function() {
//				layObj.open('log_Dispatch_stop.html', '400', '180', '停用');
//			})	
			$('.stopuse').click(function() {
					layer.open({
						type: 1,
						title: '停用',
						shadeClose: true,
						shade: 0.8,
						fix: false,
						area: ['400px', '180px'],
						offset: '300px',
						content: '<p style=";padding-top:40px;text-align:center;">是否确认停用？</p>',
						btn: ['确定', '取消'],
						yes: function(index, layero){
                         //按钮【按钮一】的回调
                        },btn2: function(index, layero){
                         //按钮【按钮二】的回调
                        },
						success: function(layero, index) {
							
						}
					});
				})
			
	</script>

</html>